<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/pages/common/plantillaPrincipal.xhtml">

	<ui:define name="title">Asignar Propuesta</ui:define>
	<ui:define name="cuerpo">
		
		
			<p:layout style="width:99%;height:400px;" id="layout">
			    
			    <p:layoutUnit position="north" size="35%">
			        <h:form id="form1">
			        	<h:panelGrid columns="2" >
									
									<h:outputLabel value="Usted esta trabajando la propuesta:" style="font-size:14px" disabled="true" />
									<h:panelGrid columns="2" style="font-size:14px;margin-left:20px" >
										<h:outputLabel  value="#{asignarpropuesta.propuesta_asignada.tema}" style="width:350px;height:30;font-size:14px" />
										<p:commandButton icon="ui-icon-zoomin" title="Detalle" style="width:25px;height:25px" rendered="#{asignarpropuesta.propuesta_asignada!=null}"/>
									</h:panelGrid>
									
									<h:outputLabel value="Participantes : " style="font-size:14px;margin-top:30px;text-align:right;align:right"/>
									<h:panelGrid columns="4"  style="font-size:14px;margin-left:20px" >
										<h:outputLabel value="#{asignarpropuesta.participante1.nombre}" style="font-size:14px" disabled="true" />
										<p:commandButton icon="ui-icon-close" title="Retirarse" style="width:25px;height:25px" rendered="#{asignarpropuesta.participante1!=null}" 
										oncomplete="confirmacion1.show()"/>
										<h:outputLabel value="#{asignarpropuesta.participante2.nombre} #{asignarpropuesta.participante2.apellido}" style="font-size:14px" disabled="true" />
										<p:commandButton icon="ui-icon-close" title="Elimina" style="width:25px;height:25px" rendered="#{asignarpropuesta.elimina}"
										oncomplete="confirmacion2.show()"/>
								    </h:panelGrid>
									<h:panelGroup border="1"/>
							
						</h:panelGrid>
					</h:form>
									
			
			    </p:layoutUnit>
			    
			    
			    <p:layoutUnit position="west" header="Linea de Investigacion" style="font-size:14px;overflow-y:hidden !important" size="25%" scrollable="false">
							 <h:form id="form2">
								<p:dataTable id="lineas" var="linea" value="#{asignarpropuesta.lineas}" rowKey="#{linea}"
                 selection="#{asignarpropuesta.selected_table}" selectionMode="single">
										<p:ajax event="rowSelect" listener="#{asignarpropuesta.seleccionaLinea}"
                   						 update=":form3:lineas"/>
										<p:column>  
            								<h:outputText value="#{linea}" />  
        								</p:column>  
										
							   </p:dataTable>	
							 </h:form>
				</p:layoutUnit>	
								
				<p:layoutUnit position="center" header="Busquedad de Propuesta" style="font-size:14px">
							<h:form id="form3">					
									<h:panelGrid columns="3" style="width:95%;margin-left:auto;margin-right:auto"  >
										<h:outputLabel style="margin-top:10px" value="Profesor:  " />
										
										<p:selectOneMenu id="lineas" value="#{asignarpropuesta.selected_docente}" effect="fade" style="font-size:14px" >  
										   <f:selectItem itemLabel="- Seleccione -" itemValue="" />
								           <f:selectItems value="#{asignarpropuesta.docentes}"/>  
								        </p:selectOneMenu>
										
									<p:commandButton style="margin-left:30px" action="#" icon="ui-icon-search" title="Buscar" actionListener="#{asignarpropuesta.llenaTablaPropuestas}" update=":form3"
									/>
									
									</h:panelGrid>
										<p:dataTable id="propuestas" var="propuesta" value="#{asignarpropuesta.propuestas_docente}" rowKey="#{propuesta.id}"
                 						selection="#{asignarpropuesta.selected_propuesta}"  selectionMode="single"  style="width:95%;margin-left:auto;margin-right:auto">
											<p:ajax event="rowSelect" oncomplete="carDialog.show() "
                   						 listener="#{asignarpropuesta.verificaOtros}" update=":form3 :dialog"/>
											<p:column headerText="Tema o Titulo">
											<h:outputText value="#{propuesta.tema}" />
											</p:column>
											<p:column headerText="Estado">
											<h:outputText value="#{propuesta.estado}" />
											</p:column>
											<p:column headerText="Descripcion">
											<h:outputText value="#{propuesta.descripcion}" />
											</p:column>
											
										</p:dataTable>
										
						</h:form>
				</p:layoutUnit>				
							
				
			</p:layout>
			 
			<p:dialog id="dialog" header="TOMAR PROPUESTA" widgetVar="carDialog" resizable="false"  
                showEffect="explode" hideEffect="explode" style="font-size:14px" rendered="#{asignarpropuesta.propuesta_asignada==null}"> 
                	
                	
                	<h:panelGrid columns="1" style="width:95%;margin-left:auto;margin-right:auto"  >
									
				    	<h:outputText value="Confirmar asignacion de propuesta" />
				    	<h:panelGrid columns="2" style="width:95%;margin-left:auto;margin-right:auto"  >
				    		<h:outputText value="Alumno asignado  :     "  rendered="#{asignarpropuesta.conta==1}"/>
				    		<h:outputText value="#{asignarpropuesta.auxi} "  rendered="#{asignarpropuesta.conta==1}"/>
				    		<h:outputText value="Esta propuesta ya tiene 2 alumnos asignados" rendered="#{asignarpropuesta.conta == 2}" />
				    		<p:commandButton value="Aceptar"  style="font-size:14px;width:150px;height:30px" actionListener="#{asignarpropuesta.asignaPropuesta}" update=":form1"
										 rendered="#{asignarpropuesta.conta!=2}" oncomplete="carDialog.hide()"/>
							<p:commandButton value="Cancelar"  style="font-size:14px;width:150px;height:30px"
										 rendered="#{asignarpropuesta.conta!=2}" oncomplete="carDialog.hide()"/>
							<p:commandButton value="Aceptar"  style="font-size:14px;width:150px;height:30px" oncomplete="carDialog.hide()" update=":form1"
										 rendered="#{asignarpropuesta.conta == 2}"/>
				    	</h:panelGrid>	
                		
                	</h:panelGrid>	
                	
                			 
    		</p:dialog>
    		
    	
		<p:dialog id="confirmDialog" header="Abandonar propuesta"
		widgetVar="confirmacion1" style="font-size:14px">  
				<h:panelGrid columns="2">
				<h:outputText value="Desea abandonar la propuesta?" />
				<h:panelGroup/>
            	<p:commandButton id="confirm" value="Abandonar" update=":form1" oncomplete="confirmacion1.hide()" actionListener="#{asignarpropuesta.abandonaPropuesta}"/>  
		        <p:commandButton id="decline" value="Cancelar" onclick="confirmacion1.hide()" type="button"/>   
       			</h:panelGrid>
       	</p:dialog>
       
     <p:dialog id="confirmDialog1" header="Eliminar participante" 
		widgetVar="confirmacion2" style="font-size:14px">  
				<h:panelGrid columns="2">
				<h:outputText value="Desea eliminar al otro participante?" />
				<h:panelGroup/>
            	<p:commandButton id="confirm1" value="Eliminar" update=":form1" oncomplete="confirmacion2.hide()" actionListener="#{asignarpropuesta.eliminaParticipante}"/>  
		        <p:commandButton id="decline1" value="Cancelar" onclick="confirmacion2.hide()" type="button"/>   
       			</h:panelGrid>
       	</p:dialog>
	</ui:define>

</ui:composition>